<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于行高</title>
    <style>
        div{
            width: 300px;
            height: 300px;
            background-color: pink;
            /* 一行文字，行高与盒子高度【一致】时，这行文字垂直居中 */
            line-height: 300px;
            /* 一行文字，行高与盒子高度【小于】时，这行文字偏上显示*/
            /* line-height: 100px; */
            /* 一行文字，行高与盒子高度【大于】时，这行文字偏下显示 */
            /* line-height: 500px; */
        }
    </style>
</head>
<body>
    <div>这有一个字</div>
</body>
</html>